<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="MinesweeperGame.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Web Application Starter Project</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="minesweepergame/minesweepergame.nocache.js"></script>
    
	<style>
    	.minesweeperLogin {
    		font-size : 14pt;
    		color: purple;
    		
    	}
    	
    	.minesweeperRegister {
    	   font-size : 14pt;
    	   color : purple;
    	}
 
    	.buttonMinesweeper {
    		width  :30px;
    		height :30px;  		
    		color  : black;
   		 }
   		 .buttonNewgame {
   		 	
   			width   :20px;
    		height  :30px;
    		display : red;
   		 }
    	.textboxTimer {
    		color: purple;
    		background : black;
    		font-size : 15pt;
    		font-weight: bold;
    		width : 150px;
    		height : 30px;
    		text-align : center;
    	}
    	.textboxFlag {
    		color: purple;
    		background : black;
    		font-size : 15pt;
    		font-weight: bold;
    		width : 120px;
    		height : 30px;
    		text-align : center;
    	}
    	.score {
    		background : gray;
    	}
    	.labelWin {
    		font-size : 35pt;
    		font-weight : italic;
    		text-align : center;
    		color : purple;
    	}
    	.labelCongrats {
    	   font-size : 18pt;
    	   text-align :center;
    	   color: purple;
    	
    	}
    	
    	.login {
    	background : silver;
    	
    	}
    	
    	.register {
    	background : silver;
    	}
    	
    	. flexTable{
    	color : purple;
    	background : purple;
    	}
    	
    	.logout {
    	margin-right: 50px;
	    padding : 300px;
    	}
    	
    	.centerAlign {
    	
    	 text-align :center;
    	
    	}
	</style>
 
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <div id = "Div_Main" style = "float:left">
    </div>
    
  </body>
</html>
